<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>院友信息</title>
    <script
      src="js/jquery-2.1.0.js"
      type="text/javascript"
      charset="utf-8"
    ></script>
  </head>
  <style type="text/css">
    *,
    div {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
     .employ_news span {
      color: gray;
    }
    li {
      list-style: none;
    }
        .list {
      margin: 0px 10px 20px;
      text-align: left;
    }

    .list ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
    }

    .list li {
      background: url(/news/images/line.gif) repeat-x bottom;
      /*列表底部的虚线*/
      width: 100%;
    }

    .list li a {
      color: #777777;
      display: block;
      padding: 6px 0px 4px 15px;
      background: url(/news/images/dot.gif) no-repeat 0 6px;
      /*列表左边的箭头图片*/
    }

    .list li span {
      float: right; /*使span元素浮动到右面*/
      text-align: right; /*日期右对齐*/
    }

    .list li a:hover {
      color: #336699;
      background: url(/news/images/dot2.gif) repeat-x bottom;
    }
    .nav a {
        color: #3f4e6b;
    }
    .menu ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      width: 200px;
      background-color: #f1f1f1;
    }

    .menu li a {
      display: block;
      color: white;
      font-weight: bold;
      padding: 8px 16px;
      text-decoration: none;
      text-align: center;
    }

    /* 鼠标移动到选项上修改背景颜色 */
    .menu li a:hover {
      background-color: white;
      color: black;
    }

    .menu active {
      background-color: #4caf50;
      color: white;
    }

    .topnav {
      background: none;
      border: none;
      margin-bottom: 0px;
      padding-top: 10px;
    }

    .top-nav {
      padding-right: 0px;
      padding-left: 0px;
    }
    .container-fluid {
      padding-right: 5px;
      padding-left: 5px;
      margin-right: auto;
      margin-left: auto;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
      border-color: #e7e7e7;
    }

    /*@media all and (min-width:768px)*/
    .navbar-nav {
      float: left;
      margin: 0;
    }
    .nav {
      padding-left: 0px;
      margin-bottom: 0px;
      list-style: none;
    }

    /*@media all and (min-width:768px)*/
    .navbar-nav > li {
      float: left;
    }
    .nav > li {
      position: relative;
      display: block;
    }
    .navbar-default .navbar-nav > li > a {
      color: #333;
    }
    .nav > li > a {
      padding: 10px 10.9px;
    }
    .navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px;
      line-height: 20px;
    }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px;
    }
    a,
    img {
      border: 0;
    }
    a {
      color: #337ab7;
      text-decoration: none;
    }
    a {
      background-color: transparent;
    }
    .navbar-nav > li > .dropdown-menu {
      margin-top: 0px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
    }
    .dropdown-menu {
      min-width: 129px;
    }
    .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0px;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 160px;
      padding: 5px 0;
      margin: 2px 0 0;
      font-size: 14px;
      text-align: left;
      list-style: none;
      background-color: #fff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175);
    }
    .dropdown-menu > li > a {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: 400;
      line-height: 1.4285;
      color: #333;
      white-space: nowrap;
    }

    .container {
      width: 75%;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
    }

    .row {
      margin-right: -15px;
      margin-left: -15px;
    }
    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img,
    .img-responsive,
    .thumbnail a > img,
    .thumbnail > img {
      display: block;
      width: 100%;
      height: auto;
    }
    .banner-bg {
      /* border-bottom: 1px solid #ccc; */
    }
    img {
      vertical-align: middle;
    }

    /*底部*/
    footer {
      background-color: #01164b;
      color: #fff;
      margin-top: 2%;
    }
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section,
    summary {
      display: block;
    }
    footer .container {
      padding-top: 1.4%;
    }
    .row {
      margin-right: -15px;
      margin-left: -15px;
    }
    /*@media all and (min-width:992px)*/
    .col-md-9 {
      width: 75%;
    }
    /*@media all and (min-width:992px)*/
    .col-md-3 {
      width: 25%;
    }
  </style>

  <!--纵向导航栏-->
  <style type="text/css">
    .menu {
      width: 130px;
      border: 1px solid #ccc;
      border-bottom: none;
    }
    .menu ul {
      list-style: none;
      margin: 0px;
      padding: 0px;
      background: #3f4e6b;
    }
    .menu ul li {
      padding: 0px 8px;
      /* height: 26px; */
      /* border-bottom: 1px solid #ccc; */
      /* line-height: 26px; */
      position: relative;
    }
    a {
      text-decoration: none;
      color: #333333;
    }
    .menu ul li:hover {
      background: white;
    }
    .menu ul li ul {
      display: none;
      position: absolute;
      left: 130px;
      top: -1px;
      width: 260px;
      border: 1px solid #ccc;
      border-bottom: none;
    }
    .menu ul li:hover ul {
      display: block;
    }
  </style>

  <body>
    <!--//全局div-->
    <div class="all" style=" width: 100% ;height: auto;">
      <!--网页头-->
      <div
        style="background-color:#01164b ; width: 100% ;height: auto;line-height: 34px;"
      >
        <div
          class="top"
          style="height: 34px; line-height: 34px; margin: 0 auto ; width: 75%;"
        >
          <div class=" container">
            <div class="row clearfix">
              <div class="col-md-9 column">
                <p style="line-height: 30px; color: #fff;">
                  <b style="font-weight:700"
                    >欢迎访问北京师范大学政府管理学院！</b
                  >
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!--导航栏-->
      <div>
        <div class="logo-bg">
          <div class=" container" style="width: 80%;margin: 0 auto;">
            <div
              class="row clearfix"
              style="margin-left: -15px; margin-right: -15px;"
            >
              <div
                class="col-md-4 column logo-box"
                style="width: 33%; float: left;"
              >
                <a href="index.aspx">
                  <img
                    style="display: block;width: 100%;height: auto;"
                    title="logo"
                    class="img-responsive"
                    alt="Cinque Terre"
                    src="img/logo_03.png"
                /></a>
              </div>

              <div class="col-md-8 column pn" style="width: 67%;float: left;">
                <div class="top-tell">
                  <p style="margin: 0 0 10px; float: right;">
                    <a
                      style="text-decoration: none;color: #337ab7;"
                      href="/english/index.aspx"
                      target="_blank"
                      >English Version</a
                    >
                  </p>
                </div>
                <!--中文版 英文版-->
                <nav class="navbar navbar-default topnav" role="navigation">
                  <div class="container-fluid top-nav">
                    <div
                      class="collapse navbar-collapse top-nav"
                      id="example-navbar-collapse"
                    >
                      <ul class="nav navbar-nav">
                        <li><a href="首页.html">首页</a></li>

                        <li class="dropdown">
                          <a
                            class="dropdown-toggle"
                            href="tongzhizhengceSearch.jsp"
                            >通知政策 <b class="caret"></b>
                          </a>
                        </li>

                        <li class="dropdown">
                          <a
                            class="dropdown-toggle"
                            href="招聘实习.html"
                            >招聘实习<b class="caret"></b>
                          </a>
                        </li>

                        <li class="dropdown">
                          <a
                            class="dropdown-toggle"
                            href="院友信息.html"
                            >院友信息 <b class="caret"></b>
                          </a>
                        </li>

                        <!--8-->
                      </ul>
                    </div>
                  </div>
                </nav>
                <!--顶部导航-->
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--轮播图片-->
      <div>
        <div class="banner-bg">
          <div class="container">
            <div class="row clearfix">
              <div class="col-md-12 column">
                <img
                  class="img-responsive"
                  alt="Cinque Terre"
                  src="images/院友信息.PNG"
                  style="margin-bottom: 40px;"
                />
              </div>
            </div>
            <div>
            <div class="menu" style="float: left; margin-right:200px;">
              <ul>
                <li><a href="#">全&nbsp;部</a></li>
                <li>
                  <a href="#">本科生</a>
                  <ul>
                    <li><a href="yuanyouxinxiSearch.jsp">2015届本科生毕业名单</a></li>
                    <li><a href="yuanyouxinxiSearch.jsp">2014届本科生毕业名单</a></li>
                    <li><a href="yuanyouxinxiSearch.jsp">2013届本科生毕业名单</a></li>
                    <li><a href="yuanyouxinxiSearch.jsp">2012届本科生毕业名单</a></li>
                    <li><a href="yuanyouxinxiSearch.jsp">2011届本科生毕业名单</a></li>
                    <li><a href="yuanyouxinxiSearch.jsp">2010届本科生毕业名单</a></li>
                    <li><a href="yuanyouxinxiSearch.jsp">2009届本科生毕业名单</a></li>
                    <li><a href="yuanyouxinxiSearch.jsp">2008届本科生毕业名单</a></li>
                  </ul>
                </li>
                <li>
                  <a href="#">硕士生</a>
                  <ul>
                    <li><a href="#">1</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">1</a></li>
                  </ul>
                </li>
                <li><a href="#">博士生</a></li>
                <li><a href="#">博士后</a></li>
                <li><a href="#">MPA</a></li>
                <li><a href="#">夜&nbsp;大</a></li>
              </ul>
            </div>
            <div class="nav" style="float: left;">
              <div style="float:left;">
                <canvas
                  id="canvas"
                  width="6"
                  style="background:#3f4e6b;margin-top: 12px;margin-right: 3px;"
                  height="12;"
                  margin-top="3px;"
                ></canvas>
              </div>
              <div style="float:left;">
                <canvas
                  id="canvas"
                  style="background:#3f4e6b;margin-top: 2px;margin-right: 3px;"
                  margin-top="3px;"
                  height="22;"
                  width="6"
                ></canvas>
              </div>
              <div name="sub_title" style="float:left;">
                <h3>企业招聘&nbsp;&nbsp;RECRUITMENT</h3>
              </div>
              <div
                name="sub_title_more"
                style="float:right;padding-right: 30px;"
              >
                <h3>
                  <a href="zhaopinshixiSearch.jsp"><u>更多</u></a>
                </h3>
              </div>
              <br />
              <br />
              <div class="employ_news" style="clear:both">
                <ul class="list" color="gray">
                  <li>
                    <span>2019-06-20 </span
                    ><a href="#">▸ 首都师范大学附属第二中学实习教师招聘</a>
                  </li>
                  <hr style="border:1px dashed gray" width="auto" />
                  <li>
                    <span>2019-09-20 </span
                    ><a href="#"
                      >▸ 北京汇文中学朝阳垂柳分校 实习大学生招聘公告</a
                    >
                  </li>
                  <hr style="border:1px dashed gray" width="auto" />
                  <li><span>2019-09-04 </span><a href="#">▸ 学而思网校</a></li>
                  <hr style="border:1px dashed gray" width="auto" />
                  <li>
                    <span>2019-07-05 </span
                    ><a href="#"
                      >▸ 大悦城控股集团股份有限公司
                      研发小组研究岗实习生招聘公告</a
                    >
                  </li>
                  <hr style="border:1px dashed gray" width="auto" />
                </ul>
              </div>
            </div>
            </div>
          </div>
        </div>
      </div>
      <!--主要内容-->
      <div></div>
      <!--网页尾-->
      <footer>
        <div class="container" style="margin-top: 350px;">
          <div class="" style="width: 70%;">
            <p>
              学院地址：北京市海淀区新街口外大街19号 北京师范大学前主楼A区5层
            </p>
            <p>
              联系电话：010-58808256 &nbsp; MPA咨询电话：010-58808176
            </p>
            <p>
              Copyright@2016 北京师范大学政府管理学院版权所有 &nbsp;All Rights
              Reserved
            </p>
            <p>
              设计与开发：<a
                style="color: white"
                href="http://www.ixingzhi.cn"
                target="_blank"
                >行知睿思
              </a>
            </p>
          </div>
          <div class="col-md-3 column " style="float: right; width: 30%;">
            <dl class="caption">
              <dt>
                <img
                  style="width: 10px;"
                  class="img-responsive"
                  alt="Cinque Terre"
                  src="img/weixin.png"
                />
              </dt>
              <dd>公众号</dd>
            </dl>
            <dl class="caption">
              <dt>
                <img
                  style="width: 10px;"
                  class="img-responsive"
                  alt="Cinque Terre"
                  src="img/er.png"
                />
              </dt>
              <dd>手机版</dd>
            </dl>
          </div>
          <div id="" style="clear: both;"></div>
        </div>
      </footer>
    </div>
  </body>
  <script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>
</html>
